Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: cambiando la selezione in un menu a tendina predefinito (evento onchange) si evidenzia una specifica cella di una tabella colorando di rosso il suo bordo (si assegna alla proprietà border-color il valore “red”). Al momento della selezione il contenuto HTML della cella eventualmente evidenziata in precedenza deve essere scambiato con quella della nuova cella e il colore del suo bordo deve essere ripristinato al valore precedente (deve essere memorizzato). Le opzioni del menu (tag <option>) fanno riferimento alle celle attraverso il loro attributo id (es. “11”, “12”, “21”, “22”). Nel menu a tendina deve essere anche prevista una selezione vuota che non corrisponde a nessuna cella (è la voce iniziale e quando la si seleziona nessuna cella viene selezionata e si azzera l’eventuale selezione fatta in precedenza).

Seleziona cella

Cella
AA BB CC
DD EE FF
GG HH II